<template>
    <view class="payPage">
        <view class="paymain">
            <view class="txt1">{{ offline.title }}</view>
            <view class="txt2">{{ offline.desc }}</view>
            <image class="pagcode" :src="offline.pay_qrcode_img"></image>
        </view>
    </view>
</template>
<script>
import { getOrderDetail } from '@/api/order.js';
export default {
    data() {
        return {
			order_id:'',
			offline: {
			    desc: '',
			    pay_qrcode_img: '',
			    title: ''
			}
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad (options) {
		this.order_id = options.order_id
    },
	onReady(){
		getOrderDetail(this.order_id).then(res =>{
			if(res.status == 200){
				this.offline = res.data.offline
			}
		})
	}
};
</script>
<style scoped lang="scss">
.payPage {
    width: 100%;
    height: 100vh;
    background: #fff;
    .paymain {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 60vh;
        padding-top: 5vh;
        .txt1 {
            font-size: 34rpx;
            padding-bottom: 20rpx;
            margin-top: 20rpx;
        }
        .txt2 {
            font-size: 28rpx;
            padding-bottom: 20rpx;
        }
        .pagcode {
            width: 500rpx;
            height: 550rpx;
            border-radius: 16rpx;
        }
    }
}
</style>
